menulis javascript di atribut hanya bisa ditulis pada atribut event
                1. keybord event
                    - onkeydown="" = atribut akan dijalankan saat tombol ditekan
                    - onkeyup="" = terjadi saat tombol keyborad dilepaskan
                    - onkeypress="" = terjadi saat tombol keybord ditekan dan dilepaskan
                    - onfocus="" = terjadi saat elemen mendapatkan fokus misalnya saat pengguna mengklik elemen input
                    - onblur="" = terjadi saat elemen kehilangan fokus misaalnya setelah pengguna mengklik elemen input
                    
                2. mouse event
                    - oneclick="" = akan menjalankan script saat di klik
                    - ondbclick="" = terjadi saat elemen di klik dua kali dengan cepat
                    - onmousedown="" = terjadi saat tombol mouse utama di tekan di elemen
                    - onmouseup="" = terjadi saat tombol mouse utama dilepaskan setelah sebelumnya ditekan pada elemen
                    - onmouseover="" = terjadi saat kursor mouse bergerak di atas elemen

                3. other
                    - onsubmit="" = akan menjalankan fungsi saat elemen form di submit
                    - onchange="" = atribut di jalankan saat isi elemen input berubah misalnya pada elemen select
                    - onload="" = atribut ini dijalankan saat elemen atau halaman selesai dimuat
            

                addEventListener adalah cara untuk menghubungkan fungsi javascript dengan peristiwa elemen
                var btn_element = document.getElementalById("btn");

                btn_element.addEventListener("click", function() {
                    alert("output")
                })
            

                1. membuat text muncul dan akan bersifat inline
                    - document.write("text write")

                2. membuat teks inline yang akan membuat baris baru
                    - document.writeln("text paragraph)

                3. mengubah isi dari elemen
                    - document.getElementalById("p-1").innerText = "inner text"
                    - document.getElementalById("p-1").innerHTML = "<p>inner html<p>"
            

                onkeyup="document.getElementById('content').innerText = this.value.length"

                onkeyup terjadi saat tombol dilepaskan
                document.getElementalById("content") menaruh ke dalam id content
                .innertext = this.value.length